<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="js/flexible.js"></script>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>
    <link rel="stylesheet" href="less/font-awesome.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/coudan.css"/>
</head>
<body>
    <div class="coudan">
        <header>
            <a href="index.html" class="f_left"><b>&lt;</b></a>
            <p>凑单品</p>
            <a href="#"><img src="images/header_app.png" alt=""/></a>
        </header>
        <main>
            <div class="main_top">
                <ul class="clearfix nav">
                    <li class="shop" data-id="0"><span>京东</span> <b></b></li>
                    <li class="area" data-id="0"><span>华北</span> <b></b></li>
                    <li class="price"><span>全部价格</span> <b></b></li>
                    <li><a href="#"><img src="images/search.png" alt=""/></a></li>
                </ul>
            </div>
            <div class="main_xiangqing">
                <ul></ul>
            </div>
            <div class="main_product">
                <!--请求数据-->
                <ul class="clearfix"></ul>
            </div>
        </main>
    </div>
</body>
<script src="js/url.js"></script>
<script src="lib/zepto/zepto.min.js"></script>
<script src="lib/zepto/fx.js"></script>
<script src="lib/zepto/selector.js"></script>
<script src="lib/zepto/touch.js"></script>
<script src="js/template.js"></script>
<script src="js/coudan.js"></script>

<!--店铺信息模板-->
<script type="text/html" id='shopId'>
    {{if result}}
        {{each result as value k }}
            <li class="shopid" data-id="{{result[k].shopId}}">
                <a href="javascript:;">{{result[k].shopName}}</a>
                <span class="glyphicon glyphicon-ok"></span>
            </li>
        {{/each}}
    {{/if}}
</script>

<!--地区信息模板-->
<script type="text/html" id='areaId'>
    {{if result}}
        {{each result as value k}}
        <li class="areaid" data-id="{{result[k].areaId}}">
            <a href="javascript:;">{{result[k].areaName}}</a>
            <span class="glyphicon glyphicon-ok"></span>
        </li>
        {{/each}}
    {{/if}}
</script>

<!--价格信息模板-->
<script type="text/html" id="priceId">
    {{if result}}
        {{each result as value k}}
            <li data-id="{{result[k].priceId}}">
                <a href="javascript:;">{{result[k].priceTitle}}</a>
                <span class="glyphicon glyphicon-ok"></span>
            </li>
        {{/each}}
    {{/if}}
</script>
</html>